@charset "utf-8";
/* CSS Document */
body , h1 , h2 , h3 , h4 , h5 , ul , li , ol , dl , dt , dd , p , section , header , footer , table , tr , td , hgroup , nav , div , input , form , em , s , span , strong , a , i , header , footer , select ,  section , table , sup , sub , strong{ margin:0px; padding:0px; list-style:none; border:0px;font-weight:normal}
a{
	 text-decoration:none;
	 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	 -moz-tap-highlight-color: rgba(0, 0, 0, 0);
	 -o-tap-highlight-color: rgba(0, 0, 0, 0);
	 -ms-tap-highlight-color: rgba(0, 0, 0, 0);
	 tap-highlight-color: rgba(0, 0, 0, 0);
}
h1 , h2 , h3{ font-weight:normal;}
body{ font-family: "微软雅黑"; overflow-x: hidden !important; background:#F3F3F3;}
.css{
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}

input {outline: none;}
textarea {outline: none;}
em,strong{ font-style: normal; font-weight: normal;}
.css{

	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.triaLeft{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-top: solid 2px #FD824C;
	border-left: solid 2px #FD824C;
	border-radius: 4px;
}
*{
	-webkit-tap-highlight-color:transparent;
	-moz-tap-highlight-color:transparent;
	-o-tap-highlight-color:transparent;
	-webkit-tap-highlight-color:transparent;
 }
table{
	border: none;
}
.viewport{ position: relative; width: 100%; min-height:100%; margin: 0 auto; overflow: hidden; background: #eee !important; box-sizing: border-box;}

.fl{ float: left;}
.fr{ float: right;}
.dn{ display: none;}
.clear::after{ content: ""; display: block; clear: both;}
.clear{ zoom: 1;}
.loading{ width: 100%; font-size: 2em; color:#333; height: 3em; text-align: center; border-bottom: solid 1px #ddd; line-height: 3em; background:#fff;}
.tag{ padding:1em 10px; height:4em; line-height:4em;}
.tag a{ float:left; margin-right:14px; font-size:1em; color:#f60;}
.tag a.b{ float:left; margin-right:10px; font-size:1em; color:#333;}
.angleTop{
	width: 10px;
	height: 10px;
	border-top: solid 2px #FD7D43;
	border-right: solid 2px #FD7D43;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.angleBottm{
	width: 10px;
	height: 10px;
	border-top: solid 2px #9D9D9D;
	border-right: solid 2px #9D9D9D;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.angleRight{
	width: 10px;
	height: 10px;
	border-top: solid 2px #FD7D43;
	border-right: solid 2px #FD7D43;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}


@media only screen and (min-width: 720px) { body{ font-size: 20px; }.viewport{max-width: 720px;}.qr-code-box{	margin-right: 80px;}}
@media only screen and (max-width: 719px) and (min-width:690px) { body{ font-size: 19.4444px; }.viewport{max-width: 700px;}}
@media only screen and (max-width: 689px) and (min-width:660px) { body{ font-size: 18.6331px; }.viewport{max-width: 689px;} }
@media only screen and (max-width: 659px) and (min-width:630px) { body{ font-size: 17.8217px; }.viewport{max-width: 659px;}}
@media only screen and (max-width: 629px) and (min-width:600px) { body{ font-size: 17.0103px; }.viewport{max-width: 629px;}}
@media only screen and (max-width: 599px) and (min-width:570px) { body{ font-size: 16.1989px; }.viewport{max-width: 599px;}}
@media only screen and (max-width: 569px) and (min-width:540px) { body{ font-size: 15.3876px; }.viewport{max-width: 569px;} }
@media only screen and (max-width: 539px) and (min-width:510px) { body{ font-size: 14.5763px; }.viewport{max-width: 539px;}.qr-code-box{	 width: 60px !important;}}
@media only screen and (max-width: 509px) and (min-width:480px) { body{ font-size: 13.7650px; }.viewport{max-width: 509px;}.qr-code-box{	 width: 60px !important;}}
@media only screen and (max-width: 479px) and (min-width:450px) { body{ font-size: 12.9537px; }.viewport{max-width: 479px;}.qr-code-box{width: 60px !important; }}
@media only screen and (max-width: 449px) and (min-width:420px) { body{ font-size: 12.1424px; }.viewport{max-width: 449px;}.qr-code-box{width: 60px !important;}}
@media only screen and (max-width: 419px) and (min-width:390px) { body{ font-size: 11.3311px; }.viewport{max-width: 419px;}.qr-code-box{width: 60px !important;} }
@media only screen and (max-width: 389px) and (min-width:360px) { body{ font-size: 10.5189px; }.viewport{max-width: 389px;}.qr-code-box{width: 60px !important;}}
@media only screen and (max-width: 359px) and (min-width:330px) { body{ font-size: 9.7067px; }.viewport{max-width: 359px;}.qr-code-box{width: 60px !important;}}
@media only screen and (max-width: 329px) and (min-width:250px) { body{ font-size: 8.8955px; }.viewport{min-width: 320px;}.qr-code-box{width: 60px !important;}}